html, body {
	height: 100%;
	background: #fff;
	box-shadow: inset 0 0 200px 20px #999;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#777;
	overflow:auto;
}
body {
	position: relative; /* needed for the overlay to extend when you scroll *//* general styles */
}
p .feedback {
	padding:0;
	margin:0;
}
a:visited {
	color:white;
}
a:hover {
	text-decoration:underline;
}
header {
	background:#333;
	color:white;
	margin-bottom:25px;
	width:100%;
	line-height:40px;
	height:40px;
	z-index:151;
	padding-left:10px;
}
.itemStem p {
	margin:0;
	padding:0;
}
h1 {
	font-size:200%;
}
h2, legend {
	font-size:150%;
}
#container {
	width:960px;
	background:white;
	margin:0 auto 25px;
	padding-bottom:15px;
	display:block;
	min-height:75%;
	border-radius: 5px;
	overflow:auto;
}
.one-edge-shadow {
	-webkit-box-shadow: 0 8px 6px -6px black;
	-moz-box-shadow: 0 8px 6px -6px black;
	box-shadow: 0 8px 6px -6px black;
}
#main-nav {
	background:#1083E0;
	width:100%;
	margin: 0px auto 20px;
	width:960px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
#main-nav ul {
	padding-left:0;
	margin:0;
}
#main-nav li {
	display:inline-block;
	list-style-type:none;
	line-height:24px;
}
#main-nav li a {
	display:inline-block;
	letter-spacing:1px;
	padding:15px 20px;
	text-decoration:none;
	margin:0;
	color:white;
}
#main-nav li a:hover {
	background:#333;
}
.firstNav:hover {
	border-bottom-left-radius: 5px;
}
#resource {
	width:515px;
	float:left;
	display:inline-block;
	margin-top:20px;
}
#quiz {
	width:620px;
	display:inline-block;
	float:left;
}
.alert {
	width:930px;
	text-align:center;
	float:left;
	clear:both;
	display:block;
	border-top: solid 1px #EBEBEB;
	padding:15px;
}
#taskNav {
	background:#333;
}
a {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
footer {
	background:#CCC;
	display:inline-block;
	padding: 20px;
	margin:0;
	font-size:smaller;
	width:920px;
	color:white;
}
#mainContent {
	padding:25px;
	margin:0px;
	overflow:auto;
}
.crying, .smiling {
	background:red;
	color:white;
	font-size:80%;
	padding:5px;
	text-align:center;
	display:block;
	clear:both;
	position:inherit;
	bottom:15px;
}
.smiling {
	background:green;
}
.loggedIn {
	line-height:40px;
	height::40px;
	padding-right:20px;
	float:right;
}
.hidden {
	display:none;
}
progress[value] {
	width:958px;
	float:right;
	position:absolute;
	color: #333;
	height: 20px;
	border: 1px solid #1083E0;
	background: #fff;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
 progress::-webkit-progress-value {
background: #1083E0;
}
progress::-moz-progress-bar {
background: #1083E0;
}
progress:not([value]) {
	background: #fff;
}
#finalProgress {
	width:700px;
	border-radius: 5px;
	margin:0 auto;
	position:relative;
	margin:5px auto 20px;
}
#intro {
	width:930px;
	margin: 25px 15px 15px 15px;
}
.error {
	font-size:smaller;
	color:red;
	display:inline-block;
}
.left {
	float:left;
}
.right {
	float:right;
}
.top {
	top:0;
}
.half {
	width:445px;
	display:inline-block;
}
input.button:hover {
	background:#fff;
	color:#09C;
}
.red, .green {
	color:red;
	padding:0;
	margin:0;
	font-style:italic;
}
.green {
	color:green;
}
#message {
	height:24px;
	float:right;
	padding-bottom:5px;
}
.selectBox {
	border: 2px solid #1083E0;
	height:280px;
}
.centre {
	margin:0 auto;
	display:block;
	text-align:center;
	position:relative;
}
fieldset {
	border:1px solid #ccc;
	padding:20px;
}
label {
	display:inline;
}

input[type=submit].btn, .aBtn {
	margin: 10px auto;
	display:inline-block;
	position:relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	padding: 5px 20px;
	background:#333;
	border: 0px solid #333333;
	border-radius:5px;
	-moz-box-shadow:
 0px 3px 3px rgba(000,000,000,0.2), inset 0px 0px 0px rgba(255,000,217,0);
	-webkit-box-shadow:
 0px 3px 3px rgba(000,000,000,0.2), inset 0px 0px 0px rgba(255,000,217,0);
	box-shadow:
 0px 3px 3px rgba(000,000,000,0.2), inset 0px 0px 0px rgba(255,000,217,0);
	cursor:pointer;
}

.alert input[type=submit].btn{
background:	#F60;
}
.aBtn {
	margin: 5px 2px;
	display:inline-block;
}
input[type=submit].btn:hover {
	background:#ccc;
}
input[type=text], input[type=password] {
	padding:5px;
	width:390px;
	display:block;
}
#true-falseQuestion, #multiple-choiceQuestion, #checkboxQuestion {
	display:none;
}
.block {
	display:block;
}

#question {
width:800px;	
}

/* The ghost, nudged to maintain perfect centering */
.block:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.25em; /* Adjusts for spacing */
}
/* The element to be centered, can
   also be of any width and height */ 
.centred {
	display: inline-block;
	vertical-align: middle;
	width: 600px;
	background:white;
	z-index:1;
}
/* overlay styles, all needed */
.overlay {
	position:absolute;
	top: 25px;
	left: 0;
	height: 400px;
	width: 100%;
	/*background-color: rgba(0,0,0,0.1);*/
    z-index: 10;
}
/* overlay styles, all needed */
.overlayResult {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(0,0,0,0.4);
	z-index: 10;
}
/* just some content with arbitrary styles for explanation purposes */
.modal {
	width:330px;
	text-align:center;
	float:right;
	clear:both;
	display:block;
	z-index: 100; /* 1px higher than the overlay layer */
}
/* just some content with arbitrary styles for explanation purposes */
.modalResult {
	width: 700px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -250px;
	margin-left: -375px;
	background-color: #fff;
	padding:20px;
	border-radius: 5px;
	text-align: center;
	z-index: 11; /* 1px higher than the overlay layer */
}
.content {
	margin: 30px;
}
#qFeedback {
	width:460px;
	height:100%;
	float:left;
	display:inline-block;
}
#qFeedback2 {
	width:460px;
	height:100%;
	float:left;
	display:inline-block;
}
.reportItem {
	margin: 0 0 5px 0px;
	padding:0px;
	width: 415px;
}
.feedbackIcon {
	float:left;
	margin:5px;
	height:16px;
	width:16px;
}
.percentRight {
	color:#1083E0;
	font-style:italic;
	border-radius:5px;
	width:250px;
	margin:0 auto;
}
.avg{
	color:#1083E0;
	font-style:italic;
	border-radius:5px;
	font-size:larger;
}

.finalScore{
padding:30px;
background:#1083E0;
border: dashed thin inset 2px #fffff;
color:white;
border-radius:60px;
margin:15px 0;
clear:both;
}

#correct{
text-align:center;
	}

#attemptSelector {
	width:100%;
	text-align:right;
	margin-bottom:35px;
}
.resultsTitle {
}
#attemptSelector select {
	float:right;
	text-align:right;
	z-index:150;
}
.feedbackContainer {
	//width: 930px;
	//position:absolute;
	//left: 50%;
	//margin-left: -465px; /* Half of width */
	//height:100%;
}
.leftFeedback {
	float: left;
	width: 415px;
}
.rightFeedback {
	float: right;
	width: 415px;
	left:680px;
	top:170px;
	//overflow:auto;
	z-index:1;
	margin-top:0;
	padding-top:0;
}
.fb
{
height:250px;	
}

.emphasis
{
font-weight:bolder;
font-style:italic;	
}
